<template>
<!--案件统计-->
<div class="title-block performance-rank-block">
  <div class="title-block-title">月度绩效排行榜</div>
  <div class="title-block-content">
    <xdh-table :data="state.list"
      :columns="state.column"
      height="100%"
      size="mini"
      border>         
    </xdh-table>  
  </div>
</div>
</template>

<style lang="scss" scoped>
@import '../../../style/_vars.scss';
@import '../../../style/_mixin.scss';
.performance-rank-block{
  .title-block-content{
    padding: 5px;
  }
}

</style>

<script>
import XdhTable from '@/widgets/xdh-table'
export default {
  name: 'performanceRank',
  components: {
    XdhTable
  },
  props: {},
  data() {
    return {
      state: {
        list: [
          {name: '天元区分局', solve: '2234', capture: '2454', score: '80', increase: '28%'},
          {name: '河西分局', solve: '2234', capture: '2454', score: '80', increase: '28%'},
          {name: '河南分局', solve: '2234', capture: '2454', score: '80', increase: '28%'},
          {name: '天河分局', solve: '2234', capture: '2454', score: '80', increase: '28%'},
          {name: '越秀分局', solve: '2234', capture: '2454', score: '80', increase: '28%'}
        ],
        column: [
          {type: 'index', label: '排名', width: 55},
          {prop: 'name', label: '区县名'},
          {prop: 'solve', label: '破案数'},
          {prop: 'capture', label: '抓捕数'},
          {prop: 'score', label: '得分'},
          {prop: 'increase', label: '月涨幅'}
        ]
      }
    }   
  },
  computed: {
     
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>

